<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>xkube管理平台</title>
    <meta name="keywords" content="k8s多集群管理平台">
    <meta name="description" content="一款永久免费且无任何功能限制的云原生kubernates多集群管理工具，提供PC端和移动端全平台支持，具备完善的集群管理、运维监控和CI/CD发布功能，让企业轻松实现跨集群的统一管理和自动化运维。">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="css/themes/default.css" media="all">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style id="layuimini-bg-color"></style>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script src="js/xkube.js?v=1" charset="utf-8"></script>
    <style>
      .layui-input-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
      }
    </style>
</head>
<body class="layui-layout-body layuimini-all">
<div class="layui-layout layui-layout-admin">

    <div class="layui-header header">
        <div class="layui-logo layuimini-logo"></div>

        <div class="layuimini-header-content">
            <a>
                <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
            </a>

            <!--电脑端头部菜单-->
            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
            </ul>

            <!--手机端头部菜单-->
            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
                    <dl class="layui-nav-child layuimini-menu-header-mobile">
                    </dl>
                </li>
            </ul>

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item" lay-unselect>
                    <div class="layui-inline" style="margin-right:100px">
                      <div class="layui-input-inline" style="width:280px">
                        <input type="text" name="searchKey" lay-verify="searchKey" autocomplete="on" placeholder="请输入搜索的内容" class="layui-input">
                        <i class="layui-icon layui-icon-close layui-input-icon" id="close-icon" style="font-size: 14px; color: #c2c2c2;"></i>
                      </div>
                      <div class="layui-input-inline">  
                        <button type="button" class="layui-btn layui-btn-primary layui-border-green" id="search">
                          <i class="layui-icon layui-icon-search"></i>搜索
                        </button>
                      </div>
                    </div>
                </li>
                <li class="layui-nav-item" lay-unselect style="margin-right:40px">
                    <div class="layui-form-mid layui-word-aux"><span style="color:#009688">版本:v3.8</span></div>
                </li>
                <li class="layui-nav-item" lay-unselect style="margin-right:20px">
                    <button type="button" class="layui-btn layui-btn-primary layui-border-blue" id="appDown">APP下载</button>
                </li>

                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
                </li>
                <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
                    <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
                </li>
                <li class="layui-nav-item layuimini-setting">
                    <a href="javascript:;"><<<.userinfo.Username>>></a>
                    <dl class="layui-nav-child">

                        <dd>
                            <a href="javascript:;" layuimini-content-href="page/rbac/myinfo.html" data-title="基本资料" data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
                        </dd>
                        <dd>
                            <a href="javascript:;" layuimini-content-href="page/rbac/changepassword.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
                        </dd>
                        <dd>
                            <a href="/public/logout" class="login-out">退出登录</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
                    <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
                </li>
            </ul>
        </div>
    </div>

    <!--无限极左侧菜单-->
    <div class="layui-side layui-bg-black layuimini-menu-left">
    </div>

    <!--初始化加载层-->
    <div class="layuimini-loader">
        <div class="layuimini-loader-inner"></div>
    </div>

    <!--手机端遮罩层-->
    <div class="layuimini-make"></div>

    <!-- 移动导航 -->
    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>

    <div class="layui-body">
        <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
            </ul>
            <div class="layui-tab-control">
                <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
                <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
                <li class="layui-tab-tool layui-icon layui-icon-down">
                    <ul class="layui-nav close-box">
                        <li class="layui-nav-item">
                            <a href="javascript:;"><span class="layui-nav-more"></span></a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
                                <dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
                                <dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
                            </dl>
                        </li>
                    </ul>
                </li>
            </div>
            <div class="layui-tab-content">
                <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
            </div>
        </div>
    </div>
    
</div>
<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
<script>
//设置默认集群
SetDefaultCluster();
    
    $("#close-icon").hide();
    document.querySelector('.layui-icon-close').addEventListener('click', function() {
      var input = this.previousElementSibling; // 获取输入框元素
      if (input) {
        input.value = ''; // 清空输入框内容       
      }
      $("#close-icon").hide();
    });

      $("input").keyup(function(){
            if( $(this).val().length > 0){
                $("#close-icon").show();
            }else{
                $("#close-icon").hide();
            }
        });
       /*监听输入框聚焦事件*/
        $("input").on("focus",function () {
              if( $(this).val().length > 0){
                  $("#close-icon").show();
              }else{
                  $("#close-icon").hide();
              }
        })
        /*输入框失去焦点的blur事件
        $("input").on("blur",function () {
            $("#close-icon").hide();
        });

        $(".layui-icon-close").on("mousedown",function(e) {
            e.preventDefault();
        })
*/
      /*删除图标的点击事件
      $(".delete-icon").on("click",function () {
          $(this).prev("input").val("").focus();
      });
      */

    layui.use(['jquery', 'layer', 'miniAdmin','miniTongji','miniTab'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            //miniTongji = layui.miniTongji,
            miniTab = layui.miniTab,
            miniAdmin = layui.miniAdmin;

        miniTab.listen();
        //if ( clusterId == "" || clusterId == null ) {
        //		layer.msg('先设置常用集群',{icon:0,time:2000},function(){
        //        miniTab.openNewTabByIframe({
        //            href:"page/xkube/clusterList.html",
        //            title:"集群列表",
        //        });
        //    });
        //}

        $('#appDown').on("click",function(){
            var index = layer.open({
                title: 'APP下载',
                type: 2,
                shade: 0.2,
                maxmin:true,
                shadeClose: true,
                area: ['60%', '70%'],
                content: '/page/appDown.html',
            });
            $(window).on("resize", function () {
                layer.full(index);
            });
            return false;
        });

        $('#search').on("click",function(){
            var searchKey = $('input[name="searchKey"]').val()
            if ( searchKey != "" ) {
                 miniTab.openNewTabByIframe({
                      href:"page/search.html?keyword="+searchKey,
                      title:"搜索",
                  });
            }
        });

        var options = {
            iniUrl: "api/init.json?v=1",    // 初始化接口
            clearUrl: "/public/cache/Clear", // 缓存清理接口
            urlHashLocation: true,      // 是否打开hash定位
            bgColorDefault: false,      // 主题默认配置
            multiModule: true,          // 是否开启多模块
            menuChildOpen: false,       // 是否默认展开菜单
            loadingTime: 0,             // 初始化加载时间
            pageAnim: true,             // iframe窗口动画
            maxTabNum: 20,              // 最大的tab打开数量
        };
        miniAdmin.render(options);

        //$('.login-out').on("click", function () {
        //    layer.msg('退出登录成功', function () {
        //        window.location = 'page/login.html';
        //    });
        //});
    });
</script>
</body>
</html>
